<template>
		
		<div class="one_count_tab">
			<div class="count_title">汇总碳排</div>
			<div class="count_num">15,599,098</div>
			<Row type="flex" justify="center" align="middle" class="code-row-bg">
		        <Col>
		        	<div class="count_rate">
						<div class="srcol_rate">
							<span class="rate">34.22%</span>
							<img src="/static/img/rate_down.png"/>
							<span class="rate_name">环比</span>
						</div>
						<div class="srcol_rate">
							<span class="rate">34.22%</span>
							<img src="/static/img/rate_rise.png"/>
							<span class="rate_name">周比</span>
						</div>
					</div>
		        </Col>
		    </Row>			
			<div class="kpi_box">
				KPI(评): 48.08%
			</div>
		</div>
	
</template>

<script>
	export default{
		
	}
</script>

<style scoped="scoped">
.one_count_tab{ width: 100%; height:198px ; background: #fff;
 border: 1px solid #ccc; border-radius: 4px;margin: 5px 0; 
}
.one_count_tab .count_title{ font-size:18px ; line-height: 20px; padding-top:22px ;
 padding-left: 6px; color: #333;
}
.one_count_tab .count_num{
	padding: 14px 0;
	 font-size:32px ; color: #333; text-align: center; line-height: 48px;}
.srcol_rate{float:left; font-size: 15px; line-height: 26px;}
.srcol_rate .rate{ float: right; padding-right: 3px;}
.srcol_rate img{ float: right; margin: 8px 4px;}
.srcol_rate .rate_name{ float: right;   }
.kpi_box{ border-top: 1px solid #ccc; line-height:32px ;  text-align: center;font-size:16px ;

}
.count_rate{ overflow: hidden; padding-bottom: 18px;padding-top: 3px;}


</style>